@font-face {

	font-family: "responsivenav";

	src:url("./icon/responsivenav.eot");

	src:url("./icon/responsivenav.eot?#iefix") format("embedded-opentype"),

	url("./icon/responsivenav.ttf") format("truetype"),

	url("./icon/responsivenav.woff") format("woff"),

	url("./icon/responsivenav.svg#responsivenav") format("svg");

}

#nav-toggle{

	display: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}

@media (max-width: 992px){

	#nav-toggle{

		display: block;

		cursor: pointer;

	}

	#nav-toggle:before {

		content: "≡";

		position: absolute;

		top: 18px;

		right: 8px;

		width: 70px;

		color: #ddb000;

		font-family: "responsivenav", sans-serif;

		font-size: 28px;

		text-indent: 0;

		text-align: center;

		line-height: 55px;

		speak: none;

	}

	#nav-toggle.active:before {

		font-size: 24px;

		content:"x";

	}

	.header .nav{

		position: absolute;

		z-index: 999;

		right: 0;

		top: 88px;

		width: 100%;

		height: auto;

		max-height: 0;

		padding: 0;

		overflow: hidden;

		transition: all 0.4s;

	}

	.header .nav>a{

		width: 100%;

		margin-right: 0;

	}

	.header .nav_close{

		max-height: 0 !important;

	}

	.header .nav.nav_open{

		/*padding: 10px;*/

		box-shadow: 0px 0px 7px rgba(0,0,0,0.2);

	}

}